<html>
<head>
	<title>Registro Operatori</title>
	<met charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="sampleStyle.css">
	<script src="xmlLoader.js" type="text/javascript"/>
	</script>
	<script type="text/javascript"/>
		
		function loadOperatori(){
			
			//recupero i dati dal server
			var operatoriXML=loadXMLDoc("/operatori");
			var operatori=operatoriXML.getElementsByTagName("operatore");

			//creo il codice HTML della lista degli operatori 
			var newText="";
			
			for(var i=0;i<operatori.length;i++){//operatori sarà un array
				
				var operatore=operatori[i].firstChild.nodeValue;
				
				//esempio : <li onclick="loadRegistro('Angelo')">Angelo</li>
				newText=newText+"<li onclick=\"loadRegistro('"+operatore+"')\">"+operatore+"</li>";
			}
			
			//assegno il codice html generato dinamicamente al tag ul 'listaOperatori'
			var ulOperatori=document.getElementById("listaOperatori");
			ulOperatori.innerHTML=newText;
		}
		
		function loadRegistro(){
			
			var data=document.getElementById("Data").value;
			
			var link="/uscite?data="+data;
			
			var registroXML=loadXMLDoc(link);
			
			var registro=registroXML.getElementsByTagName("stock");
			
			
			if(registro[0]!=undefined){
				//getElementsByTagName ritorna un array, ma in questo caso avrà un solo elemento
				
				var stocks=registroXML.getElementsByTagName("stock");
				
				var innerHTMLText="<ul>";
				for(var i=0;i<stocks.length;i++){
					var attributes=stocks[i].attributes;
					
					//alert(attributes)
					var numero=attributes.item(0).value;
					
					innerHTMLText=innerHTMLText+"<li> Quantit\u00e0:"+numero+", Modello:"+stocks[i].firstChild.data+"</li>";
				}
			
				var registro=document.getElementById("registro");
				registro.innerHTML=innerHTMLText;	
			}else{
			
				registro.innerHTML="Nessun Elemento Trovato";
			}
			
		}
		
	</script>
</head>
<body>

	<h1>Registro Operatori</h1>


				<div id="listaOperatori">
					Inserisci data (formato: ggmmaa) </br> <input name="data" id="Data" type="text" size="40" maxlength="200" />
					<input name="Button" type="button" onClick="loadRegistro()" value="Inserisci"/>
				</div>
				</br>
				<div class="form">
									</div>
		
				<div id="registro">
					Inserisci una data per visualizzare l'elenco
				</div>

</body>
</html>
